

{% extends 'base/base.html' %}  <!-- 继承基础模板（如有），无则删除 -->

{% block content %}
<div class="container" style="margin-top: 30px;">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">  <!-- 居中显示，占6列 -->
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">修改用户名</h3>  <!-- 面板标题 -->
                </div>
                <div class="panel-body">
                    <!-- 表单主体 -->
                    <form method="post">
                        {% csrf_token %}  <!-- CSRF令牌 -->

                        <!-- 用户名输入框组 -->
                        <div class="form-group">
                            {{ form.username.label_tag }}  <!-- 标签（如“新用户名”） -->
                            {{ form.username.errors|default:"" }}  <!-- 错误提示（默认空） -->
                            {{ form.username }}  <!-- 输入框添加Bootstrap样式 -->
                            {% if form.username.errors %}
                                <div class="text-danger">
                                    {% for error in form.username.errors %}
                                        <small>{{ error }}</small>  <!-- 显示具体错误信息 -->
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </div>

                        <!-- 提交按钮 -->
                        <button type="submit" class="btn btn-primary">保存修改</button>
                        <a href="{% url 'user:center' %}" class="btn btn-default">取消</a>  <!-- 取消按钮（可选） -->
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}